/* 引入头部样式 */
@import "head.less";

/* 引入导航样式 */
@import "menu.less";

/* 导航结束 */
/* 热门团购开始 */
#hot-shop{
	height:33px;
	overflow: hidden;
	width:978px;
	margin:10px auto 0;
	border:1px solid #cbe0e3;
	border-bottom: none;
	background: url(../images/htuanbg.jpg) left top repeat-x;
	span{
		float: left;
		line-height: 33px;
		padding-left:15px;
		color: #000;
	}
	a{
		float: left;
		padding:2px 10px;
		margin-top: 7px;
		&:hover{color:#FFF; background: #45abab; border-radius: 2px;}
	}
}
/* 热门团购结束 */

/* 筛选条件开始 */
#choose{
	width:978px;
	margin:0 auto;
	border:1px solid #eee;
	padding-top:15px;
	.pos{
		padding:0 0 10px 15px;
		border-bottom: 1px dotted #ddd;
		a{
			color:#2bb8aa;
			padding:2px 5px;
			background: #FFF;
			border: 1px solid #2bb8aa;
		}
	}
	.attr{
		width:948px;
		margin:0 auto;
		overflow: hidden;
		border-bottom: 1px dotted #ddd;
		.attr-name{
			width:50px;
			float: left;
			line-height: 24px;
			padding-top: 10px;
			color:#000;
		}
		.attr-list{
			padding:10px 0;
			float: left;
			width: 898px;
			overflow: hidden;
			li{
				float: left;
				line-height: 24px;
				margin-right:10px;
				a{
					padding:2px 5px;
					span{
						margin-left:3px;
						color:#999
					}
					
				}
				a:hover,a.hover{
					background: #2bb8aa;
					border-radius: 2px;
					color:#FFF;
					span{color:#FFF;}
				}
			}
		}
	}
	#sort{
		background: #f7f7f7;
		border-top: 1px solid #ddd;
		padding:10px;
		.l-table{
			td{
				text-indent: 10px;
			}
			i{
				display: inline-block;
				width: 7px;
				height:8px;
				margin-left:5px;
			}
			i.up{
				background: url(../images/sp1.png) -85px -79px no-repeat;
			}
			i.down{
				background: url(../images/sp1.png) -98px -79px no-repeat;
			}
			.white-a {
				display: block;
				height: 18px;
				line-height: 18px;
				&:hover{
					background: #e0e0e0;
					color:#666;
				}
				
			}
		}
	}
}
/* 筛选条件结束 */

#list-main{
	width:980px;
	margin:0 auto;
	overflow: hidden;
	/* 列表页左侧开始 */
	#left{
		float: left;
		width:745px;
		overflow: hidden;
		.list-box{
			width:350px;
			height:348px;
			border:1px solid #ddd;
			position: relative;
			float: left;
			margin: 20px 20px 0 0;
			background: #FFF;
			.sq{
				padding:5px 10px;
				background: #000;
				line-height: 22px;
				position: absolute;
				bottom: 157px;
				left: 0;
				color:#ccc;
				opacity: 0;
				filter:alpha(opacity=0);
				span{
					display: inline-block;
					width:9px;
					height:13px;
					margin-right:5px;
					text-align: justify;
					background: url(../images/sp3.png) 0 0 no-repeat;
				}
			}
			.mark{
				position: absolute;
				top: -4px;
				left: 0;
				height:40px;
				padding-left: 10px;
				span{
					display: inline-block;
					width:43px;
					height:40px;
					background: url(../images/sp1.png) no-repeat;
				}
				.m-yuyue{
					background-position: -132px -150px;
				}
			}
			.title2{
				color: #333;
			    font-size: 16px;
			    overflow: hidden;
			    text-overflow: ellipsis;
			    white-space: nowrap;
			    padding:10px 15px 4px;
			}
			.des{
				padding:0 15px;
				color: #999;
			    font-weight: normal;
			    line-height: 18px;
			    font-size:14px;
			}
			.price{
				position:absolute;
				left:0px;
				bottom: 40px;
				width:320px;
				padding:5px 15px 0;
				height:40px;
				line-height: 40px;
				border-bottom: 1px solid #ddd;
				.cur-p{
					color: #f76120;
					font-size:14px;
					strong{
						font-size:22px;
						margin: 0.1em;
					}
				}
				.stor-p{
					font-size: 12px;
    				margin-left: 10px;	
    				del{
    					padding-left:6px;
    				}
				}
			}
			.bot{
				height:35px;
				line-height: 35px;
				overflow: hidden;
				zoom: 1;
				padding:0 15px;
				position: absolute;
				left:0;
				bottom: 0;
				width:320px;
				background: #fafafa;
				border-bottom: 1px solid #fafafa;
				.p1{
					float: left;
					color: #999;
					span{
						color: #f76120;
					}
				}
				.p2{
					float: right;
					a{
						color: #949494;
					}
					.xing1{
						width: 60px;
						height:12px;
						display: inline-block;
						margin-right:5px;
						vertical-align: -1px;
						background: url(../images/xing.png) 0 -17px repeat-x;
						.xing2{
							width: 50%;
							height:12px;
							display: inline-block;
							background: url(../images/xing.png) 0 0 repeat-x;
						}
					}
				}
			}
		}
	}
	/* 列表页左侧结束 */
/* 列表页右侧开始 */
	#right{
		margin-top: 20px;
		width: 235px;
		float: right;
		.version{
			border:1px solid #ddd;
			padding:10px 0;
			a{
				display: block;
				height:65px;
				margin-top: 10px;
				background: url(../images/sp4.png) no-repeat;
			}
			.tel{background-position: 0 -211px;}
			.mao{background-position: 0 -113px;}
		}
		.recently-viewed{
		border:1px solid #ddd;
		padding:10px;
		margin-top: 10px;
		background: #FFF;
		.title{
			overflow: hidden;
			zoom: 1;
			font-size:14px;
			a{
				font-size: 12px;
				float: right;
				color: #f76120;
			}
		}
		li{
			padding:10px 0;
			overflow: hidden;
			zoom: 1;
			border-bottom: 1px dotted #eee;
			.tu{
				float: left;
				width: 80px;
			}
			.info{
				width: 115px;
				float: right;
				position: relative;
				p{
					line-height: 16px;
					overflow: hidden;
					zoom: 1;

				}
				.p2{
					position: absolute;
					top: 34px;
					left: 0;
					span{
						font-weight: bold;
						color: #f15238;
						margin-right: 10px;
					}
					del{
						color:#2bb8aa;
						font-size:14px;
					}
					.del{
						float: right;
						color: #f76120;
						&:hover{color:#2bb8aa}
					}
				}
			}
		}

	}
	.viewed-fixed{
		position: fixed;
		top: 0;
		margin-top:0;
		width: 214px;
	}
	}
/* 列表页右侧结束 */
}


/* 引入底部样式 */
@import "footer.less";